<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>1元购买468元套餐</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/app2.css" />
    <style type="text/css">
        p{margin: 0;}
        ul, li{list-style:none;padding: 0;margin: 0;}
        div.container{border-bottom:none;}
        .kuaikuai-product{padding: 15px 0; display: flex;width: 100%;height: 100%;border-bottom: 1px solid #d2d2d2;}
        .price{text-align: center;}
        .price p, .container-inner p, .container-inner h3{margin: 0 !important;}
        .price p.am-text-lg{color: #d90f0f;}
        .til{display: block;width: 100%;height: 100%;padding: 10px 15px;}
        .til p{color: #666666; margin: 0;}
        .green{color: #31cc31 !important;}

        .container-inner{padding: 15px;background-color: #fff;}
        .container-inner p.am-text-xs{color: #808080;}
        section.kuaikuai-product{display:flex;}

        .open-page{padding: 35px 15px 15px;background-color: #fff;border-top:1px solid #d2d2d2}
        .content{display: block; width: 100%; height: 100%; overflow: hidden; background-color: #eaeaea; padding: 10px;border-radius: 8px;-webkit-box-shadow:0 5px 5px #dadada;-moz-box-shadow:0 5px 5px #dadada;box-shadow:0 5px 5px #dadada; }
        .content p span.red{color: #d13838;}
        .nanyuan-open{padding: 15px 15px 15px;}
        .fonts{display: block; width: 100%; text-align: center;}
        .fonts-color{color: #808080; padding: 10px 0}
        .tips-font{padding-top: 20px;}
        .no-p{padding: 0;}
        p.pd{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;color: #808080 }
        p.num{width: 7%}
        li.am-g{padding: 5px 0;}
        li.am-g img{border-radius: 5px; border: 2px solid #eee;width: 12%}
        .am-u-sm-10{width: 80%}

        .custorm, p{font-size: 1.4rem}

        .content-btn{padding-left: 5em;padding-right: 5em;}
        .content-btn button{width: 100%;height: 50px;margin-bottom: 30px;}
    </style>
</head>
<body style="background-color: #ffffff;">

<!-- 开奖区 -->
<div class="nanyuan-open">
    <img src="../assets/i/action/nanyuan-top1.png" alt=""/>
    <img src="../assets/i/action/nanyuan-open.png" alt="" style="margin: 30px 0 0"/>
    <p class="fonts fonts-color">已开<span class="num">0</span>次奖，下次开奖日期，6月3日下午8点</p>
    <div class="content" style="text-align: center;background-color: #f15455; color: #fff;">
        <p>恭喜编号为100的汤晶晶~~</p>
        <p>获得价值4280元年套餐大奖！！</p>
    </div>
    <hr />

    <div class="list-out">
        <ul>
            <li class="am-g">
                <p class="num am-u-sm-1 no-p">10</p>
                <img class="am-u-sm-1 no-p" src="../assets/i/examples/123.png" alt=""/>
                <div class="am-u-sm-10" style="display: inline-block; padding:0 0 5px 0; border-bottom: 1px solid #eeeeee">
                    <p class="name am-u-sm-3 no-p" style="text-align: center;">汤晶晶</p>
                    <p class="pd am-u-sm-5 no-p">使用了一张免费打蜡洗车券</p>
                    <p class="date am-u-sm-4 no-p" style="text-align: right">5-27 14:48</p>
                </div>
            </li>

            <li class="am-g">
                <p class="num am-u-sm-1 no-p">10</p>
                <img class="am-u-sm-1 no-p" src="../assets/i/examples/123.png" alt=""/>
                <div class="am-u-sm-10" style="display: inline-block; padding:0 0 5px 0; border-bottom: 1px solid #eeeeee">
                    <p class="name am-u-sm-3 no-p" style="text-align: center;">汤晶晶</p>
                    <p class="pd am-u-sm-5 no-p">使用了一张免费打蜡洗车券</p>
                    <p class="date am-u-sm-4 no-p" style="text-align: right">5-27 14:48</p>
                </div>
            </li>

            <li class="am-g">
                <p class="num am-u-sm-1 no-p">10</p>
                <img class="am-u-sm-1 no-p" src="../assets/i/examples/123.png" alt=""/>
                <div class="am-u-sm-10" style="display: inline-block; padding:0 0 5px 0; border-bottom: 1px solid #eeeeee">
                    <p class="name am-u-sm-3 no-p" style="text-align: center;">汤晶晶</p>
                    <p class="pd am-u-sm-5 no-p">使用了一张免费打蜡洗车券</p>
                    <p class="date am-u-sm-4 no-p" style="text-align: right">5-27 14:48</p>
                </div>
            </li>

            <li class="am-g">
                <p class="num am-u-sm-1 no-p">10</p>
                <img class="am-u-sm-1 no-p" src="../assets/i/examples/123.png" alt=""/>
                <div class="am-u-sm-10" style="display: inline-block; padding:0 0 5px 0; border-bottom: 1px solid #eeeeee">
                    <p class="name am-u-sm-3 no-p" style="text-align: center;">汤晶晶</p>
                    <p class="pd am-u-sm-5 no-p">使用了一张免费打蜡洗车券</p>
                    <p class="date am-u-sm-4 no-p" style="text-align: right">5-27 14:48</p>
                </div>
            </li>
        </ul>
    </div>
    
    <div style="text-align: center"><img width="15px;" src="../assets/i/action/list-btn.png" alt=""/></div>
    <hr style="margin-top: 10px;" />
</div>

<section class="content-btn">
    <button type="button" class="am-btn am-btn-danger am-btn-block ">预约快快极致打蜡洗车</button>
</section>

<!-- 详细页面 -->
<div class="pro-page">
    <img src="../assets/i/action/nanyuan-shop.png" style="margin: 0 0 20px 0" alt=""/>
    <img src="../assets/i/product/taocan05.jpg">
    <div class="container">
        <section class="kuaikuai-product">
            <h3 class="am-text-sm am-u-sm-8" style="border-right: 1px solid #d2d2d2;margin-bottom: 0px; font-size: 1.6rem">黄金铠甲全面护理优选套餐</h3>
            <div class="am-u-sm-4 price">
                <p class="am-text-lg">4280.00元</p>
                <p><s>7738.00元</s></p>
            </div>
        </section>
    </div>
    <div class="clearfix"></div>
    <div class="til">
        <p class="am-text-xs">价值7738元的极致打蜡洗车套餐，现在只需要3600即可拥有</p>
        <p class="am-text-xs green" style="margin-top: 5px;">该团购套餐可以在快快极致打蜡汽车南源认证店使用！</p>
    </div>

    <div class="container">
        <!--
        <div class="container-inner">
            <img src="../assets/i/product/image01.png">
            <img src="../assets/i/product/image02.png">
        </div>
        -->

        <div class="container-inner">
            <!--
            <h3 class="am-text-sm " style="padding-bottom: 5px;">购买须知</h3>
            <p class="am-text-xs green">使用范围：</p>
            <p class="am-text-xs">团购券类可以在快快极致打蜡洗车全部服务店面。</p>
            <p class="am-text-xs green">有效期：</p>
            <p class="am-text-xs">2014.8.1至 2016.1.1</p>
            <p class="am-text-xs green">使用规则：</p>
            -->
            <p class="am-text-xs">1)、6H镀膜(5座以内)x1</p>
            <p class="am-text-xs">2)、SK II覆膜护理(5座以内)x3</p>
            <p class="am-text-xs">3)、环保标准车厢护理(5座以内)x1</p>
            <p class="am-text-xs">4)、车内消毒(5座以内)x4</p>
            <p class="am-text-xs">5)、车厢防老化养护(5座以内)x4</p>
            <p class="am-text-xs">6)、清洗地毯(5座以内)x12</p>
            <p class="am-text-xs">7)、快快极致打蜡洗车(5座以内)x26</p>
        </div>
    </div>
</div>

<!-- 开奖页面 -->
<div class="open-page">
    <div class="content">
        <p><span class="red">开奖日期：</span>6月2日、6月7日、6月11日</p>
        <p>
            <span class="red">开奖规则：</span>
            双色球蓝色球开奖号码设为中奖号基数，
            6月2日中奖号为当日蓝色球号码x1，
            6月7日中奖号为当日蓝色球号码x3，
            6月11日中奖号为当日蓝色球号码x5，
            未中奖用户可继续参与下一轮抽奖。
        </p>
    </div>
    <p class="fonts tips-font">本次活动最终解释权归快快车生活所有,<br />有疑问可咨询官方微信。</p>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../assets/js/amazeui.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
</body>
</html>